<template>
  <div class="home">
    <Swiper/>
    <div class="gray_line"></div>
    <Bargain />
    <div class="gray_line"></div>
    <Special />
    <div class="gray_line"></div>
    <Hot />
    <div class="gray_line"></div>
  </div>
</template>

<script>
import Swiper from '../components/home/Swiper'
import Bargain from '../components/home/Bargain'
import Special from '../components/home/Special'
import Hot from '../components/home/Hot'

export default {
  name: 'Home',
  components: {
    Swiper,
    Bargain,
    Special,
    Hot
  },
  mounted(){
    this.$network.getList({
      page:"2",
      pageSize:"6"
    }).then((res)=>{
      res.data
    }).catch((error)=>{
      console.log(error)
    })
  }
}
</script>

<style scoped>
  .gray_line {
    width: 100%;
    height: 0.2rem;
    background-color: #f5f5f5;
  }
</style>
